<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<!--标准mui.css-->
		<link rel="stylesheet" href="css/mui.min.css">
		<link rel="stylesheet" href="css/iconfont.css" />
		<link rel="stylesheet" href="css/app.css" />
	</head>
	<body>
		<nav class="mui-bar mui-bar-tab">
			<a class="mui-tab-item mui-active" href="#home">
				<span class="mui-icon iconfont icon-shouye"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item" href="#classify">
				<span class="mui-icon iconfont icon-danpin"></span>
				<span class="mui-tab-label">分类</span>
			</a>
			<a class="mui-tab-item" href="#shopcar">
				<span class="mui-icon iconfont icon-gouwuche"></span>
				<span class="mui-tab-label">购物车</span>
			</a>
			<a class="mui-tab-item" href="#mine">
				<span class="mui-icon iconfont icon-wode"><span class="mui-badge">9</span></span>
				<span class="mui-tab-label">我的</span>
			</a>
		</nav>
		<div class="mui-content">
			<div id="home" class="mui-control-content  mui-active">
				<header class="mui-bar mui-bar-nav">
					<div id="homeTitle" class="site-title site-active">
						<div class="mui-nav-form">
							<div class="nav-icon-left">
								<a href="#" class="">
									<span class="mui-icon iconfont icon-erweima "></span>
								</a>
							</div>
							<div class="nav-search-input">
								<div class="search-input-up"></div>
								<div class="search-input">
									<input type="text" placeholder="请输入要查询的内容" />
								</div>
							</div>
							<div class="nav-icon-right">
								<a href="#">
									<span class="mui-icon iconfont icon-liuyan "></span>
								</a>
							</div>
						</div>
					</div>
				</header>
				<div class="mui-content">
					<div class="site-home-content">
						<div id="slider" class="mui-slider site-home-slider">
							<div class="mui-slider-group">
								<!-- 第一张 -->
								<div class="mui-slider-item">
									<a href="#">
										<img src="images/tb1.jpg">
									</a>
								</div>
								<!-- 第二张 -->
								<div class="mui-slider-item">
									<a href="#">
										<img src="images/tb2.jpg">
									</a>
								</div>
							</div>
							<div class="mui-slider-indicator">
								<div class="mui-indicator mui-active"></div>
								<div class="mui-indicator"></div>
							</div>
						</div>
						<div class="nav-middle">
							<a href=""><img src="images/ic_home_gift.png" />注册有礼</a>
							<a href=""><img src="images/ic_home_free.png" />1分钱试吃</a>
							<a href=""><img src="images/ic_home_group.png" />团购</a>
							<a href=""><img src="images/ic_home_qg_disable.png" />其他活动</a>
						</div>
						<div class="goods-floor">
							<div class="title-floor"><img src="images/home_tip.png">热销商品</div>
							<ul id="hotList" class="hot-slide">
								<li>
									<a href="#"><img src="images/tb2.jpg" /></a>
									<p class="g-name">南海小台芒果芒果芒果wer wer wer </p>
									<p class="g-price"><span class="g-price-now">￥6.00</span><span class="g-price-old">￥20</span></p>
								</li>
								<li>
									<a href="#"><img src="images/tb3.jpg" /></a>
									<p class="g-name">南海小台芒果芒果芒果wer wer wer </p>
									<p class="g-price"><span class="g-price-now">￥6.00</span><span class="g-price-old">￥20</span></p>
								</li>
							</ul>
						</div>
						<div class="goods-floor">
							<div class="title-floor"><img src="images/home_tip.png">热销商品</div>
							<ul id="hotList" class="hot-slide">
								<li>
									<a href="#"><img src="images/tb2.jpg" /></a>
									<p class="g-name">南海小台芒果芒果芒果wer wer wer </p>
									<p class="g-price"><span class="g-price-now">￥6.00</span><span class="g-price-old">￥20</span></p>
								</li>
								<li>
									<a href="#"><img src="images/tb3.jpg" /></a>
									<p class="g-name">南海小台芒果芒果芒果wer wer wer </p>
									<p class="g-price"><span class="g-price-now">￥6.00</span><span class="g-price-old">￥20</span></p>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<!--
				作者：415656544@qq.com
				时间：2016-12-10
				描述：产品分类
			-->
			<div id="classify" class="mui-control-content">
				<header class="mui-bar mui-bar-nav ">
					<div id="classifyTitle" class="site-title">
						<!--产品分类-->
						<div class="mui-nav-form">
							<div class="nav-search-input">
								<div class="search-input-up"></div>
								<div class="search-input">
									<input type="text" placeholder="请输入要查询的内容" />
								</div>
							</div>
							<div class="nav-icon-right">
								<a href="#">
									<span class="mui-icon iconfont icon-sousuo "></span>
								</a>
							</div>
						</div>
					</div>
				</header>
				<div class="mui-content">
					<div class="site-content-left">
						<ul>
							<li>
								<a href="#">上衣</a>
							</li>
							<li>
								<a href="#">裤子</a>
							</li>
							<li>
								<a href="#">鞋子</a>
							</li>
							<li>
								<a href="#">帽子</a>
							</li>
							<li>
								<a href="#">羽绒服</a>
							</li>
							<li>
								<a href="#">羽绒服</a>
							</li>
							<li>
								<a href="#">羽绒服</a>
							</li>
							<li>
								<a href="#">羽绒服</a>
							</li>
							<li>
								<a href="#">羽绒服</a>
							</li>
							<li>
								<a href="#">羽绒服</a>
							</li>
							<li>
								<a href="#">羽绒服</a>
							</li>
							<li>
								<a href="#">羽绒服</a>
							</li>
							<li>
								<a href="#">羽绒服</a>
							</li>
							<li>
								<a href="#">羽绒服</a>
							</li>
							<li>
								<a href="#">羽绒服</a>
							</li>
							<li>
								<a href="#">羽绒服</a>
							</li>
							<li>
								<a href="#">羽绒服</a>
							</li>
							<li>
								<a href="#">羽绒服</a>
							</li>
							<li>
								<a href="#">羽绒服</a>
							</li>
							<li>
								<a href="#">羽绒服</a>
							</li>
							<li>
								<a href="#">羽绒服</a>
							</li>
							<li>
								<a href="#">羽绒服</a>
							</li>
							<li>
								<a href="#">羽绒服</a>
							</li>
							<li>
								<a href="#">羽绒服</a>
							</li>
							<li>
								<a href="#">羽绒服</a>
							</li>
							<li>
								<a href="#">羽绒服</a>
							</li>
							<li>
								<a href="#">羽绒服</a>
							</li>
							<li>
								<a href="#">羽绒服</a>
							</li>
							<li>
								<a href="#">羽绒服last</a>
							</li>
						</ul>
					</div>
					<div class="site-content-right">

					</div>
				</div>

			</div>
			<!--
            	作者：415656544@qq.com
            	时间：2016-12-10
            	描述：购物车
            -->
			<div id="shopcar" class="mui-control-content">
				<header class="mui-bar mui-bar-nav">
					<div id="shopcarTitle" class="site-title">
						<div class="title">
							购物车
						</div>
					</div>
				</header>
				<div class="mui-content">
					<div id="car-null" class="car-null-box">
						<p><img src="images/bg_shopping_null.png" alt="" /></p>
						<h3>购物车还是空的哦</h3>
						<span class="car-box-text">快去挑点宝贝吧</span>
						<a class="car-null-btn" href="javascript:void(0);">去逛逛</a>
					</div>
				</div>

			</div>
			<!--
            	作者：415656544@qq.com
            	时间：2016-12-17
            	描述：我的
            -->

			<div id="mine" class="mui-control-content">
				<header class="mui-bar mui-bar-nav">
					<a href="#" class="mui-icon mui-action-menu mui-icon-bars mui-pull-left"></a>
					<div id="mineTitle" class="site-title">
						<div class="title">
							我的
						</div>
					</div>
					<a href="#" class="mui-icon  iconfont icon-shezhi mui-pull-right"></a>
				</header>
				<div class="mui-content">
					<div class="site-wd-title">
						<div class="site-wd-cell mui-media">
							<div>
								<img class="mui-pull-left" src="images/tx.png">
								<div class="site-wd-nr">
									<span style="font-size: 14px;">
										1832147678
									</span>
									<p class="mui-ellipsis" style="height: 20px;line-height: 20px;">
										账户管理 <span class="mui-icon iconfont icon-zhanghu"></span>
									</p>
									<span style="font-size: 12px;height: 20px;line-height: 20px; color: red;">
										<span class="mui-icon iconfont icon-huiyuan1"></span>25&nbsp;金牌会员
									</span>
								</div>
							</div>
						</div>
					</div>
					<div class="mui-card">
						<ul class="mui-table-view">
							<li class="mui-table-view-divider">我的订单</li>
							<li class="mui-table-view-cell">已购买<span class="mui-badge mui-badge-primary">14</span></li>
							<li class="mui-table-view-cell">
								<a class="mui-navigate-right">
									<span class="mui-badge mui-badge-danger">0</span>待付款
								</a>
							</li>
							<li class="mui-table-view-cell">
								<a class="mui-navigate-right">
									<span class="mui-badge mui-badge-danger">0</span>待收货
								</a>
							</li>
							<li class="mui-table-view-cell">
								<a class="mui-navigate-right">
									<span class="mui-badge mui-badge-danger">0</span>待评价
								</a>
							</li>
							<li class="mui-table-view-cell">
								<a class="mui-navigate-right">
									查看物流
								</a>
							</li>
							<li class="mui-table-view-divider">我的优惠券</li>
							<li class="mui-table-view-cell">
								<a class="mui-navigate-right">
									<span class="mui-badge mui-badge-danger">0</span>优惠券
								</a>
							</li>
							<li class="mui-table-view-divider">我的关注</li>
							<li class="mui-table-view-cell">
								<a class="mui-navigate-right">
									<span class="mui-badge mui-badge-danger">0</span>我的关注
								</a>
							</li>
							<li class="mui-table-view-divider">我要反馈</li>
							<li class="mui-table-view-cell">
								<a class="mui-navigate-right">
									<span class="mui-badge mui-badge-danger">0</span>留言
								</a>
							</li>
							<li class="mui-table-view-cell">
								<a class="mui-navigate-right">
									拨打电话
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="js/mui.min.js"></script>
	<script type="text/javascript">
		mui.init();
		var searchPage = null;
		mui('.mui-nav-form').on('tap', '.search-input-up', function() {
			mui.openWindow({
				id: 'search',
				url: 'search.html',
			});
		});
	</script>

</html>